<!--
 * @Description: 无数据组件
 * @Author: zhaoxiaoyang
 * @LastEditors: seadon
 * @Date: 2021-07-23 15:20:14
 * @LastEditTime: 2021-07-23 16:24:52
-->
<template>
	<div class="no-data">
		<div class="no-data-img">
			<img src="@/assets/images/empty.svg" style="height: 160px; width: 160px;"/>
		</div>
		<p class="no-data-text">{{ $t('common.noDataText', '暂无数据') }}</p>
	</div>
</template>

<script lang="ts">
import { defineComponent, defineProps } from 'vue'
export default defineComponent({
	name: 'NoData',
})
</script>

<style lang="less">
.no-data {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 150px;
	.no-data-img {
		img {
			width: 100%;
			height: 100%;
		}
	}
	.no-data-text {
		margin-top: -30px;
		color: @rok-amount-bg;
		font-size: 14px;
		line-height: 20px;
	}
}
</style>
